<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
    <script src="/js/bootstrap/js/bootstrap.min.js"></script>
    <style>
        li i{
            margin-right: 10px;
        }
    </style>
</head>
<body>


    <div class="container text-center" >
        <h1 style="color: orange;">ORANG<em style="color:red;">E</em></h1>
        <h3><strong>欢迎来到橙子联盟！</strong></h3>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <ul class="list-group">
                    <li class="list-group-item">
                        <i style="color: #25ff73;" class="glyphicon glyphicon-th-large"></i>Spring Boot
                    </li>
                    <li class="list-group-item">
                        <i style="color: #72c2ff;" class="glyphicon glyphicon-th-large"></i>MyBatis
                    </li>
                    <li class="list-group-item">
                        <i style="color: #72fff7;" class="glyphicon glyphicon-th-large"></i>Apache Shiro
                    </li>
                    <li class="list-group-item">
                        <i style="color: #06ff3b;" class="glyphicon glyphicon-th-large"></i>
                        <a href="/druid/index.html">Druid</a>
                    </li>
                </ul>
            </div>

            <div class="col-md-4">
                <ul class="list-group">
                    <li class="list-group-item">
                        <i style="color: #ff54fb;" class="glyphicon glyphicon-tree-deciduous"></i>MySQL
                    </li>
                    <li class="list-group-item">
                        <i style="color: #5dffff;" class="glyphicon glyphicon-tree-deciduous"></i>Elasticsearch
                    </li>
                </ul>
            </div>

            <div class="col-md-4">
                <ul class="list-group">
                    <li class="list-group-item">
                        <i style="color: #63ff2c;" class="glyphicon glyphicon-leaf"></i>Bootstrap
                    </li>
                    <li class="list-group-item">
                        <i style="color: #3860ff;" class="glyphicon glyphicon-leaf"></i>jQuery
                    </li>
                    <li class="list-group-item">
                        <i style="color: #e016ff;" class="glyphicon glyphicon-leaf"></i>Glyphicons
                    </li>
                </ul>
            </div>
        </div>

    </div>
</body>
</html>